<template>
  <div class="show-com">
    <square-show-item 
    v-for="(item,index) in comments" 
    :Comment="item"
    :key="index" 
    />
  </div>
</template>

<script>
import SquareShowItem from './SquareShowItem.vue';
export default {
  components: { SquareShowItem },
  name: "",
  props: {
    comments: {
      type: Array,
      default: []
    }
  },
  data() {
    return {
    };
  },
  methods: {
    
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.show-com {
  margin-top: 44px;
  margin-bottom: 40px;
}

</style>
